const TriangleDown = (props: any) => {
    const clickHandler = (e: any) => {
        props.foldHandler(e);
    };

    return (
        <svg className='w-5 h-5 hover:cursor-pointer'
            fill="#868383"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            onClick={clickHandler}
            viewBox="0 0 24 24" transform="rotate(90)">
            <g id="SVGRepo_bgCarrier" strokeWidth="0"></g>
            <g id="SVGRepo_tracerCarrier" strokeLinecap="round" strokeLinejoin="round"></g>
            <g id="SVGRepo_iconCarrier">
                <path d="M9,18l7-6L9,6V18z"></path>
                <rect className="fill-none" width="24" height="24"></rect>
                <rect className="fill-none" width="24" height="24"></rect>
            </g>
        </svg>
    );
};

export { TriangleDown };

